<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>添加菜品类型</title>
		<!-- Bootstrap -->
    	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    	
		<style type="text/css">
			.addTable {
				font-size: 13px;
				width: 40%;
				margin-left: 50px;
			}
			.addTable .name_td {
				font-weight: initial;
				/*text-indent: 1em;*/
			}
			.addTable td {
				height: 29px;
				line-height:29px;
				/*border-bottom: 1px solid #CBCCCE;*/
				padding: 3px;
			}
			.opDiv {
				padding: 4px;
				height: 25px;
				width: 99%;
				background: url(../images/titlebar_div_bg.jpg) repeat-x 0% 100%;
				margin: 3px 0px 3px 0px;
			}
			.titlebar {
				float: left;
				font-size: 18px;
				font-weight: bold;
				color: #747474;
				font-family: ����;
				height: 25px;
				line-height: 25px;
				text-indent: 1em;
				background: url(../images/doc.gif) no-repeat 0% 30%;
			}
		</style>
	</head>
	<body>
		<form action="" method="get">
			<div class="opDiv">
				<div class="titlebar"><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>新增菜品类型</div>
			</div><hr />
			<table class="addTable">
				<tr>
					<td class="name_td">类型名称：</td>
					<td><input type="text" name="className" /></td>
				</tr>
				
				<tr>
					<td>&nbsp;</td>
					<td>
						<input class="btn btn-info" type="submit" value="提交表单" />&nbsp;&nbsp;
					</td>
				</tr>
			</table>
		</form>
	</body>
		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>
